import { defineComponent, reactive } from "vue";
import styles from "./Roles.module.less";
export default defineComponent({
  name:'userCenterRoles',
  setup() {
    const state = reactive({
      num: 18,
      columns:[
        {
          title: "编号",
          dataIndex: "id",
          key: "id",
          align: "center",
          width: "50px",
        },
        {
          title: "账号",
          dataIndex: "username",
          align: "center",
          width: "150px",
        },
        {
          title: "常用联系人",
          dataIndex: "realname",
          align: "center",
          width: "120px",
        },
        {
          title: "职称",
          dataIndex: "positional_titles",
          align: "center",
          width: "150px",
        },
      ],
      dataSource:[
        
      ],
      pagination:{
        total: 1,
        current: 1,
        pageSize: 10,
      }
    })
    return () => (
      <div class={styles.roles}>
        <div class={styles['header-box']}>角色管理</div>
        <div class={styles.container}>

          <a-table
            columns={state.columns}
            bordered={true}
            scroll={{ x: "max-content" }}
            dataSource={state.dataSource}
            pagination={state.pagination}
          ></a-table>
        </div>
      </div>
    )
  }
})